﻿<template>
  <div class="btn-wrapper">
  <button class="btn" v-bind="$attrs">click me</button>
  </div>
  <p>Fallthrough attribute: {{ $attrs }}</p>
  <p>Fallthrough attribute: {{ $attrs['foo-bar'] }}</p>
  <p>Fallthrough attribute: {{ $attrs['fooBar'] }}</p>
</template>

<script>
export default {
  inheritAttrs: false
}
</script>

<style>
.btn {
  padding: 10px 20px;
  border: none;
  background-color: #007BFF;
  color: white;
  cursor: pointer;
}
</style>
